<template>
  <v-navigation-drawer class="container" v-model="drawer.res" app temporary> </v-navigation-drawer>
</template>

<script>
import { mapGetters, mapMutations } from "vuex";

export default {
  name: "NavigationDrawer",
  data() {
    return {
      items: [],
      right: null,
      lang: "中文",
      langItems: ["中文", "English"],
      themItems: ["白天", "黑夜"],
    };
  },
  computed: {
    ...mapGetters(["langed", "t", "settingLyricBtnShow"]),
    langc: () => {
      if ((this.$vuetify.lang.current = "en")) {
        return "English";
      }
      return "中文";
    },
  },
  props: {
    drawer: {
      type: Object,
    },
  },
  methods: {
    ...mapMutations(["setLyricBtn"]),
    langChange(val) {
      if (val == "English") {
        this.$vuetify.lang.current = "en";
      } else {
        this.$vuetify.lang.current = "zhHans";
      }
      this.$store.commit("lang/SET_LANGED", val == "English" ? "en" : "zhHans");
    },
  },
};
</script>

<style scoped lang="scss"></style>
